@charset "utf-8";
/*reset*/
body { color:#333; line-height:40px;}
a { text-decoration:none; color:#555555; }
a:visited { text-decoration:none; }
a:hover, a:active, a:focus { color:#6d629a; text-decoration: none; }
img { border: none; vertical-align:top;max-width: 100%;}
ul,ol,li{ padding:0; margin:0; list-style-type:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,em{margin:0;padding:0;font-family:"微软雅黑";font-style: normal;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-top:10px; padding-bottom:10px;}
.text-right {text-align: right;}
/*自定义*/
.postion1{ position: absolute;}
.container{padding: 50px 0 0;}
h2,h3,h4,h5,h6{margin-bottom: 10px;}
.cursor_pointer{cursor: pointer;}
.transition2{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.transition6{-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}

/*字体样式*/
.microsoft{font-family:"微软雅黑";}
.songti{ font-family: '宋体' !important; }
.bold{font-weight:bold;}
.nobold{font-weight: 100;}
.font_size12{ font-size: 12px; } 
.font_size14{ font-size: 14px; } 
.font_size18{ font-size: 18px; }
.font_size20{ font-size: 20px; }
.font_size24{ font-size: 24px; }
.font_size26{ font-size: 26px; }
.font_size28{ font-size: 28px; }
.font_size30{ font-size: 30px; }
.font_size38{ font-size: 38px; }
.font_size44{ font-size: 44px; } 
.bold{ font-weight: bold; }
.fw{font-weight: 400 !important;}
/*end font*/
.lh40{ line-height: 40px;}
/*width*/
.w834{ width: 834px!important; }
/*margin*/
.mt126{margin-top: 126px !important; }
/*padding*/
.p5{ padding: 5px 10px;}
.pt0{padding-top: 0px !important;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px !important;}
.pt30{padding-top: 30px !important;}
.pt40{padding-top: 40px !important;}
.pt50{padding-top: 50px;}
.pt70{padding-top: 70px;}
.pt100{padding-top: 100px;}
.pt160{padding-top: 160px;}
.pl0{padding-left: 0px !important;}
.pr0{padding-right: 0px !important;}
.pl100{padding-left: 100px;}
.pl150{padding-left: 150px;}
.pl160{padding-left: 160px;}
.pl140{padding-left: 140px;}
.pl70{padding-left: 70px;}
.pl60{padding-left: 60px;}
.pl40{ padding-left: 40%; }
.pl35{ padding-left: 35%; }
.pl30{ padding-left: 30%; }
.pl20{ padding-left: 20%; }
.pr70{padding-right: 70px;}
.p100{padding: 10px 100px;}
.plr15{ padding: 0 15px;}
.plr30{padding: 0 30px;}
.plr20{padding: 0 20%;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mt50{margin-top:50px;}
.mb50{margin-bottom: 50px;}
.mb40{margin-bottom: 40px;}
.mb20{margin-bottom: 20px;}

/*backgroundcolor*/
.orange{ background-color: #f39f3c; }
.green{ background-color: #49c1ac; }
.blue{background-color: #3cc0e6;}
.blue1{background-color: #349ed4; }
.red{ background-color: #e2574c;}
.red1{ background-color: #ef6074; }
.c_red{color: #ee0909 !important; }
.c_orange{color: #f57421;}
.c_orange1{color: #ffa61a;}
.c_orange2{color: #ff6333;}
.c_orange3{color: #ffbd2e;}
.c_orange:hover{color: #ee0909;}
.c_gray1{color: #8c8c8c; }
.c_gray2{color: #e3e3e3; }
.c_gray3{ color: #4a4a4a;}
.c_gray4{color: #454545;}
.c_gray5{color: #313131;}
.c_gray6{color: #3a3a3a;}
.c_blue{color: #1ca58d;}
.c_blue1{color: #6bbc30;}
.c_blue2{color: #31b1ec;}
.c_green{color: #5da12b;}
.c_green1{color: #25b1da;}
.c_green2{color: #32a4f0;}
.c_green3{color: #4cb169;}
.c_red1{color: #f93a2b;}
.c_red2{color: #f21e76;}
.c_red3{color: #ef6074;}
.c_red4{color: #cf65d6;}
.c_red5{color: #e950b1;}
.c_red6{color: #ff4949;}
.c_red7{color: #e62e2e;}

/*color*/
.white{ color: #fff; }

.animated{visibility:hidden;}

.visible{visibility:visible;}

/*放大*/
.hover_box:hover img {
			transform:scale(1.1);
		 -o-transform:scale(1.1);
		-ms-transform:scale(1.1);
	   -moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);}
/*模糊*/
.blur:hover img {
	-webkit-filter: blur(3px); 
       -moz-filter: blur(3px);
        -ms-filter: blur(3px);    
            filter: blur(3px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false);}
/*旋转*/
.hover_box:hover .rotate{
	-webkit-transform:rotate(2deg);
	   -moz-transform:rotate(2deg) ;
		-ms-transform:rotate(2deg);
		 -o-transform:rotate(2deg) ;
			transform:rotate(2deg) ;}
/*自定义*/
.bdrs {-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.trs {transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;}
.container { width: 1190px;}
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.text-left{ text-align: left; }
.fl{float: left;}
.fr{float: right;}

/*头部*/
#header_nav { background: #de5419; height: 76px; position: relative; z-index: 500;}
#header_nav .container {  clear: both; padding: 0; }
#header_nav .nav_logo { top: 0; z-index: 100; padding-top: 16px; padding-left: 25px; float: left; }
.top-menu{float:right;margin-top:10px; }
#header_nav_ul>li { padding-right: 38px; line-height: 60px; float:left;cursor: pointer;}
#header_nav ul li a { color: #fff; font-size: 18px;transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; }
#header_nav ul li ul li a:hover{ color: #ee0909 !important; }
.top-menu>li { line-height: 26px; float: left; text-align: center; position: relative;cursor: pointer; }
.top-menu li .child-menu{ position: absolute;display:none;margin-top: 10px; margin-left: -150px;}
#header_nav ul li ul li a{ color: #333;}
.top-menu li .child-menu li a{ font-size: 16px !important; }
.top-menu ul ul li { height: 28px; line-height: 28px !important; text-align: left; float: left; padding: 0 10px }
#header_nav.fixed { display: block; left: 0; position: fixed; top: 34; z-index:99; width: 100%;}
.border_arrow { border-color: transparent transparent #fff; border-style: solid; border-width: 8px; left: 50%; margin-left: -10px; position: relative; width: 0; margin-top: -11px; }
/*index*/
.index{ height: 748px; }
.index .icon{ margin: 0 auto; display: inline-block; margin-left: 50px !important;}
i.o2o_icon{ background: url(../images/index/o2o_logo.png) no-repeat center center; width: 216px; height: 198px;}
i.pay_icon{ background: url(../images/index/pay_logo.png) no-repeat center center; width: 216px; height: 202px;}
i.channel_icon{ background: url(../images/index/channel_logo.png) no-repeat center center; width: 216px; height: 202px;}
i.house_icon{ background: url(../images/index/house_logo.png) no-repeat center center; width: 216px; height: 197px;}
i.mobile_icon{ background: url(../images/index/mobile_logo.png) no-repeat center center; width: 216px; height: 202px;}
i.cloud_icon{ background: url(../images/index/cloud_logo.png) no-repeat center center; width: 216px; height: 202px;}


/*底部*/
.fixedBottomBox{ background-color: #fbfbfb; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 99;}
.footer_icon{ background: url(../images/icon/footer_icon.png) no-repeat center; float: left; }
i{ font-style: normal; font-weight: normal; }
i.icon_outline{ background-position: -0px -0px; width: 52px; height: 44px;}
i.icon_function{ background-position: -0px -90px; width: 46px; height: 46px;}
i.icon_case{ background-position: -0px -135px; width: 42px; height: 45px;}
i.icon_precautions{ background-position: -0px -360px; width: 45px; height: 44px;}
i.icon_super{ background-position: -0px -179px; width: 46px; height: 46px;}
i.icon_process{ background-position: -0px -225px; width: 45px; height: 45px;}
i.icon_exception{ background-position: -0px -270px; width: 46px; height: 46px;}
i.icon_worth{ background-position: -0px -44px; width: 46px; height: 46px;}
.border_top{ border-top: 1px solid #e5e5e5;}


a.icon_outline:hover{ color: #ff8a8a; }
a.icon_outline:hover i.icon_outline{ background-position: -52px -0px; width: 52px; height: 44px;}
a.icon_function:hover{ color: #93d5ff; }
a.icon_function:hover i.icon_function{ background-position: -52px -90px; width: 46px; height: 46px;}
a.icon_case:hover{ color: #b3d490; }
a.icon_case:hover i.icon_case{ background-position: -52px -135px; width: 42px; height: 45px;}
a.icon_precautions:hover{ color: #ffd658; }
a.icon_precautions:hover i.icon_precautions{ background-position: -52px -360px; width: 45px; height: 44px;}
a.icon_super:hover{ color: #8b68ba; }
a.icon_super:hover i.icon_super{ background-position: -52px -179px; width: 46px; height: 46px;}
a.icon_process:hover{ color: #5ab4e8; }
a.icon_process:hover i.icon_process{ background-position: -52px -225px; width: 45px; height: 45px;}
a.icon_exception:hover{ color: #ff953e; }
a.icon_exception:hover i.icon_exception{ background-position: -52px -270px; width: 46px; height: 46px;}
a.icon_worth:hover{ color: #ff9e04; }
a.icon_worth:hover i.icon_worth{ background-position: -52px -44px; width: 46px; height: 46px;}

/*o2o*/
.o2obg{ background: url(../images/index/o2o_bg.jpg) no-repeat center; height: 935px;}
.o2o_img2{ margin-top: 310px; margin-left: 45px;}
.o2o_function{ padding: 66px 67px;}
.o2o_function_icon {background: url(../images/icon/o2o_icon.png) no-repeat center;display: inline-block;}
.icon_precautions_icon{background: url(../images/icon/o2o_icon1.png) no-repeat center;display: inline-block; width: 113px; height: 113px;}
i.o2o_function1{ background-position: -0px -0px; width: 96px; height: 100px;}
i.o2o_function2{ background-position: -95px -0px; width: 96px; height: 100px;}
i.icon_precautions1{ background-position: -0px -0px;}
i.icon_precautions2{ background-position: -112px -0px;}
i.icon_precautions3{ background-position: -0px -113px;}
i.icon_precautions4{ background-position: -112px -113px;}
i.icon_precautions5{ background-position: -0px -225px;}
i.icon_precautions6{ background-position: -112px -225px;}
i.service_num{ background-position: -130px -338px; width: 40px; height: 46px;}
i.domain_settings{background-position: -170px -338px; width: 50px; height: 39px;}
i.com_money{ background-position: -184px -375px; width: 50px; height: 45px;}
i.bef_post{ background-position: -83px -335px; width: 47px; height: 47px;}
i.req_browser{background-position: -47px -339px; width: 38px; height: 38px;}
i.det_more{  background-position: 0px -339px; width: 47px; height: 47px;}
.icon_precautions li{float: left; padding: 0 47px;width: 240px; padding-bottom: 30px;}
.icon_precautions_mobile{ background: url(../images/index/o2o_img3.jpg) no-repeat center; height: 614px;}

/*pay*/
.pay_bg1{ background: url(../images/index/pay_bg1.jpg) no-repeat right top; height: 443px; }
.pay_bg2{ background: url(../images/index/pay_bg1.jpg) no-repeat left top; height: 443px; }
.icon_pay{background: url(../images/icon/pay_icon.jpg) no-repeat center;display: inline-block; width: 112px; height: 112px;}
#pay_super .col-md-2{width: 20%;}
i.pay_icon1{ background-position: -0px -0px;}
i.pay_icon2{ background-position: -132px -0px;}
i.pay_icon3{ background-position: -0px -112px;}
i.pay_icon4{ background-position: -132px -112px;}
i.pay_icon5{ background-position: -0px -224px;}
.icon_pay_process{ padding: 0 250px;}
.channel_function_icon{ padding: 0 28%;}
.icon_pay_process li,.channel_function_icon li{float: left; padding: 0 15px; padding-bottom: 30px; color: #9f9f9f;}
.icon_pay_process li.active,.channel_function_icon li.active{ color: #313131; cursor: pointer;}
i.pay_process1{ background-position: -131px -447px; width: 132px; height: 113px;}
i.pay_process2{ background-position: -0px -783px; width: 113px; height: 120px;}
i.pay_process3{ background-position: -0px -559px; width: 130px; height: 112px;}
i.pay_process4{ background-position: -131px -559px; width: 124px; height: 113px;}
i.pay_process5{ background-position: -0px -671px; width: 123px; height: 112px;}
i.pay_process6{ background-position: -130px -671px; width: 115px; height: 112px;}
i.pay_process7{ background-position: -0px -335px; width: 114px; height: 113px;}
i.pay_process8{ background-position: -131px -335px; width: 117px; height: 112px;}
i.pay_process9{ background-position: -0px -447px; width: 119px; height: 112px;}
i.pay_issue1{background-position: -0px -1238px; width: 220px; height: 219px;}
i.pay_issue2{  background-position: -0px -1456px;width: 219px;height: 212px;}
i.pay_issue3{ background-position: -0px -902px; width: 112px; height: 113px;}
i.pay_issue4{ background-position: -131px -902px; width: 112px; height: 113px;}
i.pay_issue5{ background-position: -0px -1014px; width: 112px; height: 113px;}
i.pay_issue6{ background-position: -131px -1014px; width: 112px; height: 113px;}
i.pay_issue7{ background-position: -0px -1126px; width: 112px; height: 113px;}
i.pay_issue8{ background-position: -131px -1126px; width: 112px; height: 113px;}
.icon_pay_issue li,.icon_channel_worth li,.icon_channel_function li{width: 20px; height: 20px; background-color: #ddd; border-radius: 10px;margin: 10px 0;}
.icon_mobile_function li,.icon_cloud_function li{float: left; width: 20px; height: 20px; background-color: #ddd; border-radius: 10px;  margin: 20px 10px;}
.icon_mobile_function,.icon_cloud_function{margin: 0 auto; width: 100px; position: relative;}
.icon_pay_issue li.active{ background-color: #49c1ac;  cursor: pointer;}
.icon_mobile_function li.active{ background-color: #ef6074;  cursor: pointer;}
.icon_cloud_function li.active{ background-color: #349ed4;  cursor: pointer;}
.icon_channel_worth li.active,.icon_channel_function li.active{background-color: #3cc0e6; cursor: pointer;}
.icon_pay_issue,.icon_channel_worth,.icon_channel_function{position: absolute; top: 250px; right: 25px;z-index: 999;}
.icon_channel{background: url(../images/icon/channel_icon.jpg) no-repeat center;display: inline-block; width: 112px; height: 112px;}
i.channel_worth1{background-position: -0px -111px;}
i.channel_worth2{background-position: -112px -0px;}
i.channel_worth3{background-position: -0px -0px;}
i.channel_function1{background-position: -0px -895px;}
i.channel_function2{background-position: -113px -895px;}
i.channel_function3{background-position: -0px -1008px;}
i.channel_function4{background-position: -113px -671px;}
i.channel_function5{background-position: -130px -1059px; width: 49px; height: 47px;margin-top: 30px;}
i.channel_function6{background-position: -0px -783px;}
i.channel_function7{background-position: -130px -1008px; width: 49px; height: 47px;margin-top: 28px;}
i.channel_function8{background-position: -113px -784px; width: 115px; height: 112px;}
i.channel_function9{background-position: -0px -447px;}
i.channel_function10{background-position: -113px -447px;}
i.channel_function11{background-position: -0px -559px;}
i.channel_function12{background-position: -113px -559px;}
i.channel_function13{background-position: -0px -671px;}
i.channel_function14{background-position: -0px -335px;}
i.channel_function15{background-position: -113px -335px;}
i.channel_function16{background-position: -113px -223px;}
i.channel_function17{background-position: -0px -223px;}
i.channel_function18{background-position: -113px -111px;}
/*house*/
.housebg{ background: url(../images/index/house_bg.jpg) no-repeat center; height: 934px;}
.icon_house{background: url(../images/icon/house_icon.png) no-repeat center;display: inline-block; width: 113px; height: 113px;}
.icon_house1{background: url(../images/icon/house_icon1.png) no-repeat center;display: inline-block;  width: 115px; height: 96px;}
i.house_worth1{ background-position: -0px -0px;}
i.house_worth2{ background-position: -114px -0px;}
i.house_worth3{ background-position: -0px -113px;}
i.house_worth4{ background-position: -114px -113px;}
i.house_worth5{ background-position: -0px -225px;}
.house_worth li{float: left; padding: 0 47px;width: 240px; padding-bottom: 30px;}
.house_worth_mobile{ background: url(../images/index/house_img3.jpg) no-repeat center; height: 614px;}
i.house_worth6{ background-position: -113px -268px; width: 44px; height: 46px;}
i.house_worth7{ background-position: -157px -226px; width: 40px; height: 40px;}
i.house_worth8{background-position: -113px -226px; width: 44px; height: 43px;}
i.house_worth9{background-position: -155px -266px; width: 46px; height: 36px;}
i.house_worth10{background-position: -155px -301px; width: 44px; height: 43px;}
i.house_super1{ background-position: -0px -0px;}
i.house_super2{ background-position: -122px -0px;}
i.house_super3{ background-position: -0px -97px;}
i.house_super4{ background-position: -123px -97px;}
/*mobile*/
.mobilebg{ background: url(../images/index/mobile_bg.jpg) no-repeat right; height: 938px;}
.icon_mobile{background: url(../images/icon/mobile_icon.jpg) no-repeat center;display: inline-block; width: 135px; height: 135px;}
i.mobile_function1{background-position: -135px -135px;}
i.mobile_function2{background-position: -0px -270px;}
i.mobile_function3{background-position: -135px -270px;}
i.mobile_function4{background-position: -0px -0px;}
i.mobile_function5{background-position: -135px -0px;}
i.mobile_function6{background-position: -0px -135px;}
/*cloud*/
.cloudbg1{ background: url(../images/index/cloud_bg1.jpg) no-repeat right center;}
.cloudbg2{ background: url(../images/index/cloud_bg2.jpg) no-repeat left center;}
.icon_cloud{background: url(../images/icon/cloud_icon.jpg) no-repeat center;display: inline-block; width: 113px; height: 113px;}
i.cloud_function1{background-position: -0px -0px;}
i.cloud_function2{background-position: -113px -0px;}
i.cloud_function3{background-position: -0px -113px;}
i.cloud_function4{background-position: -113px -113px;}
i.cloud_function5{background-position: -0px -226px;}
i.cloud_function6{background-position: -113px -226px;}
i.cloud_function7{background-position: -0px -339px;}
i.cloud_function8{background-position: -113px -339px;}
i.cloud_function9{background-position: -0px -452px;}
i.cloud_function10{background-position: -113px -452px;}
i.cloud_function11{background-position: -0px -565px;}
i.cloud_function12{background-position: -113px -565px;}
i.cloud_function13{background-position: -0px -678px;}
i.cloud_function14{background-position: -113px -678px;}















